body {
    margin: 0;
    overflow: hidden; 
}
.wrapper {
    width: 1920px;
    height: 1080px;
    background-size: 100% 100%;
    position: relative;
}
.clickImg {
    position: absolute;
    top: 38px;
    left: 32px;
}
.timeDiv {
    position: absolute;
    top: 88px;
    left: 830px;
    font-size: 24px;
    color: #fff;
}
.iframe{
	position: absolute;
	top: 126px;
	left: 383px;
	width: 1155px;
	height: 900px;
}
.home,
.system,
.person{
    width: 111px;
    height: 67px;
    display: inline-block;
    cursor:pointer;
}
.system {
    margin: 0 4px;
}
.threeImg {
    position: absolute;
    top: 1012px;
    left: 766px;
}
.equipment,
.thermodynamicChart,
.personnel {
    display: inline-block;
    width: 116px;
    height: 38px;
}

.temperature,
.precipitation,
.ppm {
    color: #8fc31f;
    font-size: 20px;
    font-weight: bold;
    position: absolute;
    top: 55px;
    text-align: center;
}
.temperature,
.precipitation {
    width: 65px;
}
.temperature {
    left: 1560px;
}
.precipitation {
    left: 1652px;
}
.ppm {
    width: 50px;
    left: 1755px;
}
.ppm p {
    margin: 0;
}
.ppm p:nth-child(1) {
    line-height: 20px;
}
.ppm p:nth-child(2) {
    font-size: 14px;
    line-height: 16px;
}
.gzzx {
	position: absolute;
	width: 74px;
	height: 48px;
	top: 45px;
	left: 1813px;
	cursor: pointer;
}
.fault {
    width: 130px;
    text-align: center;
    position: absolute;
    top: 180px;
    left: 1544px;
    color: #eb5f4e;
    font-size: 40px;
    font-weight: bold;
}
.workOrder {
    width: 100px;
    text-align: center;
    position: absolute;
    top: 181px;
    left: 1783px;
    color: #fdd96f;
    font-size: 34px;
    font-weight: bold;
}
.processed {
    width: 100px;
    text-align: center;
    position: absolute;
    top: 227px;
    left: 1783px;
    color: #8ec87c;
    font-size: 34px;
    font-weight: bold;
}

.onDuty,
.onGuard,
.waitingForPost {
    width: 40px;
    text-align: center;
    position: absolute;
    left: 1590px;
    font-size: 20px;
    color: #fdd96f;
    font-weight: bold;
}
.onDuty {
    top: 382px;
}
.onGuard {
    top: 428px;
}
.waitingForPost {
    top: 472px;
}
#personnel {
    width: 280px;
    height: 235px;
    position: absolute;
    top: 308px;
    left: 1645px;
}

.fileTotal,
.studyFile {
    width: 150px;
    text-align: center;
    position: absolute;
    left: 1736px;
    font-size: 24px;
    font-weight: bold;
}
.fileTotal {
    top: 918px;
    color: #eb5f4e;
}
.studyFile {
    top: 982px;
    color: #FED45E;
}
#density {
    width: 365px;
    height: 250px;
    position: absolute;
    top: 482px;
    left: 38px;
}
#trend {
    width: 365px;
    height: 300px;
    position: absolute;
    top: 160px;
    left: 38px;
}
#peripheralStatistics {
    width: 365px;
    height: 300px;
    position: absolute;
    top: 758px;
    left: 38px;
}
#manHourAnalysis {
    width: 345px;
    height: 280px;
    position: absolute;
    top: 555px;
    left: 1540px;
}